<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <!--Inicia la composicion de la pagina en la plantilla-->
    <ui:composition template="/resource/template/plantilla.xhtml">

        <!--Segmento que define el contenido del header-->
        <ui:define name="head">
            <h:head>
                <f:loadBundle basename="supervision.library.label_#{logged.loggedIdiom}" var="label" />
                <f:loadBundle basename="supervision.library.message_#{logged.loggedIdiom}" var="message" />
                <f:loadBundle basename="supervision.library.help_#{logged.loggedIdiom}" var="help" />
                <script>
                    function verificar(dato)
                    {
                        var agree = confirm(dato);
                        if (agree)
                            return true;
                        else
                            return false;
                    }
                </script>
            </h:head>
        </ui:define>
        <!--Segmento que define el contenido de la pagina-->
        <ui:define name="content">
            <h:body>
                <p:growl id="messages" showDetail="true"/> 
                <h:outputText value="#{message.m0}" class="label" rendered="#{!access.visit}"/>
                <h:form rendered="#{access.visit}"> 
                    <div class="field">
                        <h:outputText value="#{label.field6}" class="label"/>
                        <p:calendar value="#{request_estatus.realizado}" effect="slide" navigator="true"
                                    readonlyInput="true" pattern="dd/MM/yy" yearRange="c-82:c+10" size="5"/>
                    </div><br/>
                    <h:outputText value="#{label.field2}" class="label"/> 
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta01}"/>
                        </div> <br></br>
                        <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta1}" layout="pageDirection">
                            <f:selectItem itemValue="011" itemLabel="#{label.respuesta011}" />
                            <f:selectItem itemValue="012" itemLabel="#{label.respuesta012}" />
                            <f:selectItem itemValue="013" itemLabel="#{label.respuesta013}" />
                            <f:selectItem itemValue="014" itemLabel="#{label.respuesta014}" />
                            <f:selectItem itemValue="015" itemLabel="#{label.respuesta015}" />
                            <f:selectItem itemValue="016" itemLabel="#{label.respuesta016}" />
                        </h:selectManyCheckbox>

                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta02}"/>
                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta2}">
                                <f:selectItem itemValue="021" itemLabel="#{label.respuesta021}" />
                            </h:selectManyCheckbox>
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta03}"/>
                        </div>
                        <h:inputTextarea  id="observacion3" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta3Obs}" class="textArea"/> 

                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta04}"/>
                        </div>
                        <h:inputTextarea  id="observacion4" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta4Obs}" class="textArea"/> 

                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta05}"/>
                        </div>
                        <h:inputTextarea  id="observacion5" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta5Obs}" class="textArea"/> 

                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta06}"/>
                        </div>
                        <h:inputTextarea  id="observacion6" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta6Obs}" class="textArea"/> 

                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta07}"/>
                        </div>
                        <h:inputTextarea  id="observacion7" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta7Obs}" class="textArea"/> 

                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta08}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta8}">
                                <f:selectItem itemValue="081" itemLabel="#{label.respuesta081}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta09}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta9}">
                                <f:selectItem itemValue="091" itemLabel="#{label.respuesta091}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta10}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta10}">
                                <f:selectItem itemValue="101" itemLabel="#{label.respuesta101}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta11}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta11}">
                                <f:selectItem itemValue="111" itemLabel="#{label.respuesta111}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta12}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta12}">
                                <f:selectItem itemValue="121" itemLabel="#{label.respuesta121}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta13}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta13}">
                                <f:selectItem itemValue="131" itemLabel="#{label.respuesta131}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta14}"/>
                        </div> 
                        <h:selectOneRadio value="#{supervision_library.respuestas.pregunta14}" layout="pageDirection">
                            <f:selectItem itemValue="141" itemLabel="#{label.respuesta141}" />
                            <f:selectItem itemValue="142" itemLabel="#{label.respuesta142}" />
                            <f:selectItem itemValue="143" itemLabel="#{label.respuesta143}" />
                            <f:selectItem itemValue="144" itemLabel="#{label.respuesta144}" />
                            <f:selectItem itemValue="145" itemLabel="#{label.respuesta145}" />
                            <f:selectItem itemValue="146" itemLabel="#{label.respuesta146}" />
                        </h:selectOneRadio>

                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta15}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta15}">
                                <f:selectItem itemValue="151" itemLabel="#{label.respuesta151}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta16}"/>
                        </div>
                        <h:inputTextarea  id="observacion16" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta16Obs}" class="textArea"/> 
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta17}"/>
                        </div>
                        <h:inputTextarea  id="observacion17" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta17Obs}" class="textArea"/> 
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta18}"/>
                        </div>
                        <h:inputTextarea  id="observacion18" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta18Obs}" class="textArea"/> 
                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta19}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta19}">
                                <f:selectItem itemValue="191" itemLabel="#{label.respuesta191}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>

                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta20}"/>
                        </div>
                        <h:inputTextarea  id="observacion20" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta20Obs}" class="textArea"/> 
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta21}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta21}">
                                <f:selectItem itemValue="211" itemLabel="#{label.respuesta211}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta22}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta22}">
                                <f:selectItem itemValue="221" itemLabel="#{label.respuesta221}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta23}"/>

                        </div>
                        <div class="answer">
                            <h:selectManyCheckbox value="#{supervision_library.respuestas.pregunta23}">
                                <f:selectItem itemValue="231" itemLabel="#{label.respuesta231}" />
                            </h:selectManyCheckbox>  
                        </div>
                    </div>
                    <div class="questioning">
                        <div class="question">
                            <h:outputText value="#{label.pregunta24}"/>
                        </div>
                        <h:inputTextarea  id="observacion24" cols="50" rows="2" value="#{supervision_library.respuestas.pregunta24Obs}" class="textArea"/> 
                    </div>

                    <br></br>
                    <h:commandButton value="#{label.button2}" class="button" 
                                     actionListener="#{supervision_library.insert}" 
                                     rendered="#{access.add}" onclick="return verificar('#{message.m7}')">
                        <f:param name="required" value="true"/>
                    </h:commandButton>

                    <h:commandLink target="_blank" actionListener="#{supervision_libraryReport.report}" >
                        <h:commandButton class="button"  value="#{label.button6}" />
                    </h:commandLink>
                </h:form>
            </h:body>
        </ui:define>

        <!--Segemento donde se define un texto de ayuda para que el usuario pueda utilizar el formulario del contenido-->
        <ui:define name="slideHelper">
            <h3>#{help.title1}</h3>
            <p>#{help.detail1a}</p>

            <h4>#{help.title2}</h4>
            <ul>
                <li>#{help.detail2a}</li>
                <li>#{help.detail2b}</li>
            </ul>

        </ui:define>
    </ui:composition>

</html>
